@charset "utf-8";
.dk-head-user{position: relative; float: left; padding-left: 50px; margin-bottom: 10px;}
.dk-head-user img{position: absolute; top: 0; left: 0; width: 40px; height: 40px;}
.dk-head-user h3{padding-bottom: 3px;}
/*  chat  */
.dk-chat-box{ position: relative ; height: 400px; margin-top: 15px; box-shadow: 0 0 10px #eee inset;}
.dk-chat-obj{padding:0 15px; margin-top: 15px;}
.dk-chat-left,
.dk-chat-right{display: table-cell;vertical-align: top;}
.dk-chat-left{width: 40px;}
.dk-chat-left p{line-height: 30px; font-size: 12px;}
.dk-chat-right{ padding-left: 15px;padding-right: 15px; text-align: right;}
.dk-chat-right>p{position: relative; display: inline-block; padding:5px 10px; margin-bottom: 5px; line-height: 24px; background-color: #E1F4FF; color:#444 }
.dk-chat-send{margin-top: 5px;}
.dk-chat-send input{width: 250px; padding-left: 5px; font-size: 16px; color: #666; line-height: 35px; border: 1px solid #4BD083;margin-right: -5px;}
.dk-chat-send button{ width: 70px; line-height: 37px; border: 1px solid #eee; padding: 0 15px;}

/*消息通知*/
/*消息通知》》》》》操作*/
.dk-operation a{padding: 2px 8px; cursor: pointer;}
.dk-operation a:hover{background-color: dodgerblue; border-radius: 6px; color: #fff;}
/*消息通知》》》》》消息列表*/
.dk-sysMess {  padding-bottom: 15px;}
.dk-sysMess li {position: relative; height: 130px; background-color: #fff; border-bottom: 1px solid #EFF3F6; transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.dk-sysMess li:last-child { border-bottom: none;}
.dk-sysMess-l { width: 130px; height: 100%; font-family: arial;  padding-top: 35px; border-right: 1px solid #eee; }
.dk-sysMess-l span { display: inline-block; width: 5px; height: 5px; border-radius: 5px; background-color: red;}
.dk-sysMess-r { width: 900px; height: 100%; padding: 0 35px; padding-top: 35px; }
.dk-sysMess-l-info,
.dk-sysMess-r-info { display: table-cell;}
.dk-sysMess-l-info { width: 40px; vertical-align: top; }
.dk-sysMess-r-info {padding: 0 15px;}
.dk-sysMess-r-info p {padding-bottom: 10px;}
.dk-sysMess li:hover {  transform: translateY(-2px);box-shadow: 0 0 60px #ccc;}
.dk-cho-this{position: absolute; top: 0; right: 0;}
/* 新建咨询开始*/
.project-release form {
    overflow: hidden;
}
.project-release .project-release-box {
    width: 402px;
    display: block;
    line-height: 30px;
}
.project-release .project-release-box.small {
    width: 197px;
    float: left;
}
.project-release .project-release-box.small + .project-release-box.small {
    margin-left: 8px;
}
.project-release .project-release-box label {
    display: block;
    color: #8a8a8a;
    text-indent: 2px;
    cursor: pointer;
    margin-top: 5px;
    line-height: 44px;
}
.project-release .project-release-box input {
    line-height: 34px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    text-indent: 2px;
    color: #000;
}
.project-release .submit {
    width: 164px;
    background-color: #0ecc6c;
    line-height: 40px;
    color: #fff;
    border-radius: 0px;
    font-size: 16px;
}
.project-release .submit:hover {
    background-color: #4bd083
}
.editor-box {
    position: relative;
    margin-bottom: 10px;
}
.editor-box .btn {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 12px;
    line-height: 32px;
}
/* 新建咨询结束*/
/* project 开始 */
.btn-primary:hover{
    background-color: #31da77;
}
.project-market{
    padding: 22px 38px;
    background-color: #fff;
}
.project-market .project-theme {
    clear: both;
    margin: 8px 0 26px 0;
}
.project-market .project-theme p{
    display: inline-block;
    margin-left: 12px;
}
.project-market-top {
    padding: 6px 0;
    display: flex;
    line-height: 40px;
}
.project-market-top .user-img{
    flex: 0 40px;
    margin-right: 14px;
}
.project-market-top .user-img img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.project-market-top .project-message {
    flex: 1;
    font-size: 14px;
    line-height: 20px;
}
.project-market-top .project-message .time{
    color: #8a8a8a;
}
.project-market-top .project-operation {
    position: relative;
}
.project-market-top .project-operation .project-oper{
    position: absolute;
    z-index: 99;
    color: #585858;
    font-size: 14px;
    line-height: 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 16px;
    width: 100px;
    right: 0px;
    top: 40px;
    display: none;
}
.project-market-top .project-operation .project-oper li {
    cursor: pointer;
    width: 100%;
}
.project-market .project-des {
    font-size: 18px;
    line-height: 24px;
    border-bottom: 1px solid #ccc;
}
.project-market .project-des span{
    font-size: 12px;
}
.project-market .project-des span.money{
    font-size: 14px;
    margin-right: 4px;
}
.project-market .project-des dl{
    line-height: 24px;
    margin-bottom: 14px;
    overflow: hidden;
}
.project-market .project-des dt {
    color: #8a8a8a;
}
.project-market .project-des dt,
.project-market .project-des dd {
    float: left;
}
.project-market .project-des dd {
    margin-right: 28px;
}
.project-market .project-budget {
    color: #4bd083;
}
.project-market .project-intr {
    color: #8a8a8a;
    padding: 26px 0;
}
.project-market .project-dialogue {
    padding: 14px 16px;
    border-radius: 4px;
    background-color: #f9f9f9;
    line-height: 34px;
    font-size: 12px;
}
.project-market .project-dialogue li {
    display: flex;
}
.project-market .project-dialogue .user {
    flex: 0 40px;
    max-width: 40px;
    margin-right: 18px;
}
.project-market .project-dialogue .project-dialogue-message {
    flex: 1;
}
.project-market .project-dialogue .user .name {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #515151;
}
.project-market .project-dialogue .user-avator{
    width:40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}
.project-market .project-dialogue .project-dialogue-mes {
    background-color: #4bd083;
    color: #fff;
    display: inline-block;
    padding: 5px 28px;
    border-radius: 4px;
    margin: 3px 0px;
    line-height: 24px;
    position: relative;
}
/* 左三角 */
.project-market .project-dialogue .project-dialogue-mes::after{
    content: '';
    width:0; 
    height:0; 
    border-top:8px solid transparent;
    border-bottom:8px solid transparent; 
    border-right:15px solid #4bd083; 
    position: absolute;
    left: -8px;
    top: 8px;
}
.project-market .project-dialogue .project-dialogue-two .project-dialogue-mes {
    background-color: #e1f4ff;
    color: #000;
}
.project-market .project-dialogue .project-dialogue-two .project-dialogue-mes::after{
    border-right:15px solid #e1f4ff; 
}
.project-market .project-dialogue .project-dialogue-operation {
    color: #7e7e7e;
}
.project-market .project-dialogue .project-dialogue-operation span {
    cursor: pointer;
}
.project-market .project-dialogue .reply{
    margin: 0px 15px 0px 5px;
}
.project-market .project-dialogue .project-dialogue-one {
    overflow: hidden;
    margin-bottom: 18px;
    border-bottom: 1px solid #ccc;
}
.project-market .project-dialogue ul {
    overflow: hidden;
}
.project-market .project-dialogue-from {
    margin-bottom: 12px;
    position: relative;
}
.project-market .project-dialogue-from .text{
    line-height: 34px;
    width: 235px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-indent: 10px;
    margin-right: 2px;
}
/* 上三角 */
.project-market ul .project-dialogue-from:after,
.project-market ul .project-dialogue-from:before {
    content: '';
    width:0; 
    height:0; 
    border-width:0 5px 8px 5px; 
    border-style:solid; 
    border-color:transparent transparent #ccc; 
    position: absolute;
    left: 10px;
    top: -7px;
}
.project-market ul .project-dialogue-from::before {
    border-color:transparent transparent #fff; 
    top: -6px;
    z-index: 97;
}
/* project 结束 */
.project-list {
    width: 100%;
    column-count:3;
    -webkit-column-count:3;
    -moz-column-count:3;
    column-gap:20px;
    -webkit-column-gap:20px;
    -moz-column-gap:20px;
    overflow:hidden;
}
.project-list .project-list-box {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.project-list-box .project-des{
    background-color: #fff;
    padding: 16px;
}
.project-list-box .avator {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
}
.project-list-box .project-user {
    display: flex;
    line-height: 22px;
}
.project-list-box .project-user .project-user-avator{
    flex: 0 44px;
    margin-right: 14px;
}
.project-list-box .project-user .name{
    font-size: 14px;
}
.project-list-box .project-user .time {
    font-size: 12px;
    color: #8a8a8a;
}
.project-list-box .project-name {
    line-height: 30px;
    margin: 10px 0px;
}
.project-list-box .project-content {
    font-size: 12px;
    color: #7a7a7a;
    line-height: 24px;
}
.project-list-box .project-oper {
    overflow: hidden;
    margin-top: 12px;
    line-height: 24px;
}
.project-list-box .project-oper .overtime{
    font-size: 12px;
    color: #1594ff;
}
.project-list-box .project-message {
    padding: 16px;
    background-color: #fdfdfd;
    margin-bottom: 20px;
}
.project-list-box .project-message-box {
    display: flex;
}
.project-list-box .project-message-box .project-message-user {
    flex: 0 44px;
    margin-right: 14px;
}
.project-list-box .project-message-box .project-message-des {
    flex: 1;
    font-size: 12px;
}
.project-list-box .project-message-box .name {
    line-height: 44px;
    color: #454444;
    font-size: 14px;
}
.project-list-box .project-message-box .content{
    color: #797979;
    line-height: 16px;
    padding: 2px 0px 8px;
}
.project-list-box .project-message-box .time {
    color: #c0bcbc;
}

/* project-footer */
.project-footer {
    padding: 60px 0 30px; 
    text-align: center;
}
.project-footer ul {
    display: inline-block;
}
.project-footer ul li {
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}
.project-footer .next {
    cursor: pointer;
}
.project-footer ul li.on {
    color: #1594ff;
}
.project-footer > span {
    margin: 0 5px;
}
/* 项目列表结束 */

/* 问题咨询列表开始 */
/* 问题咨询列表 */
.question-list {
    overflow: hidden;
    background-color: #fff;
    padding: 16px 8px;
}
.question-list .question-list-item {
    margin: 0px 8px 34px;
    display: flex;
    line-height: 30px;
    font-size: 14px;
    width: calc(50% - 16px);
    box-sizing: border-box;
    float: left;
    border-bottom: 1px #ccc solid;
}
.question-list .user-info {
    flex: 0 46px;
    margin-right: 20px;
}
.question-list .user-info .avator{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
}
.question-list .user-info .name {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 46px;
}
.question-list .question-des {
    flex: 1;
}
.question-list .question-des .name {
    font-size: 16px;
    line-height: 32px;
    padding: 7px 0;
}
.question-list .question-des .name a {
    color: #000;
}
.question-list .question-des .time {
    font-size: 12px;
    color: #8a8a8a;
}
.question-list .question-des .btn-primary{
    color: #08da43;
    line-height: 18px;
    border: 1px solid #08da43;
    background-color: #fff;
    padding: 0 6px;
}

.question-list .deg {
    font-size: 12px;
    line-height: 46px;
}
.question-list .deg.no {
    color: #ff0000;
}
.question-list .deg.yes{
    color: #08da43;
}
.question-list .deg.over{
    color: #9e9e9e;
}
/* 问题咨询列表结束 */